<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:body onload="foco();">
	<ui:composition template="../template.xhtml">
		<ui:define name="miolo">
		   	<p:growl id="erros"/> 
		    <h:form id="DERelatorio">
				<p:panel id="panel" header="Histograma">
					<table width="100%">
						<tr>
							<td>
								<div style="overflow: auto; width: 100%; height: 500px; border: 1px solid #C0C0C0;">
									<table>
										<tr>
											<td>
												<h:outputText value="#{msgs.respectivo} :"/>
											</td>
											<td class="rotulo">
												<h:selectOneRadio id="opcaoRespectivo"
													value="#{relatorioFrm.opcaoRespectivo}" required="true" requiredMessage="Selecione uma opção">
													<f:selectItem itemLabel="Sim" itemValue="1" />
													<f:selectItem itemLabel="Não" itemValue="2" />
												</h:selectOneRadio>
											</td>
										</tr>
										<tr>
											<td class="rotulo" colspan="2">
												<h:selectOneRadio id="opcaoRelatorio"
													value="#{relatorioFrm.opcaoRelatorio}" required="true" requiredMessage="Selecione um tipo de histograma">
													<f:selectItem itemLabel="Histograma Quantidade" itemValue="1" />
													<f:selectItem itemLabel="Histograma Tamanho" itemValue="2" />
												</h:selectOneRadio>
											</td>
										</tr>
										<tr>
											<td class="rotulo" colspan="2">
												<h:selectOneRadio
													value="#{relatorioFrm.geracaoSelecionada}">
													<f:selectItem itemLabel="Geral" itemValue="1" />
													<f:selectItem itemLabel="Comparativo" itemValue="2" />
												</h:selectOneRadio></td>
										</tr>
										<tr>
											<td colspan="2"><h:outputText value="#{msgs.classes}"/>
												<p:selectManyMenu
													value="#{relatorioFrm.classesSelecionadas}"
													style="height:100px;width:200px">
													<f:selectItems value="#{relatorioFrm.classes}" />
												</p:selectManyMenu></td>
											<td><h:outputText value="#{msgs.familias}"/>
												<p:selectManyMenu
													value="#{relatorioFrm.familiasSelecionadas}"
													style="height:100px;width:200px">
													<f:selectItems value="#{relatorioFrm.familias}" />
												</p:selectManyMenu></td>
										</tr>
									</table>
									<table>
										<tr>
											<td><p:pickList value="#{relatorioFrm.colecaoAnalise}"
													var="item" itemLabel="#{item}" itemValue="#{item}" required="true" requiredMessage="Selecione o(s) gene(s) para análise">
													<f:facet name="sourceCaption">
														<h:outputText value="#{msgs.todosGenes}"/>
													</f:facet>
													<f:facet name="targetCaption">
														<h:outputText value="#{msgs.genesSelecionados}"/>
													</f:facet>
												</p:pickList></td>
											<td>&nbsp;</td>
										</tr>
									</table>
									<table width="100%">
										<tr valign="middle">
											<td width="40px" align="left"><p:commandButton
													id="basic" update="imagem,erros"
													action="#{relatorioFrm.gerar}" value="#{msgs.gerar}"
													 /></td>
										</tr>
									</table>
									<table width="100%">
										<tr align="center">
											<td><p:graphicImage id="imagem"
													value="#{relatorioFrm.graphicText}" /></td>
										</tr>
									</table>
								</div></td>
						</tr>
					</table>
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>

